/***************************************************************************
*   Copyright (C) 2011 by Chuck Gao & Alex Liu                             *
*                                                                          *
*   This program is free software: you can redistribute it and/or modify   *
*   it under the terms of the GNU General Public License as published by   *
*   the Free Software Foundation, either version 3 of the License, or      *
*   (at your option) any later version.                                    *
*                                                                          *
*   This program is distributed in the hope that it will be useful,        *
*   but WITHOUT ANY WARRANTY; without even the implied warranty of         *
*   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the          *
*   GNU General Public License for more details.                           *
*                                                                          *
*   You should have received a copy of the GNU General Public License      *
*   along with this program.  If not, see <http://www.gnu.org/licenses/>.  *
*                                                                          *
*   Contact author: chuckgao.cg@gmail.com                                  *
*                   alex2202375@gmail.com                                  *
***************************************************************************/

import QtQuick 1.0

Rectangle {
    id: item
    width: 360
    height: 80
    color: "white"

    property int cuisineItemIndex: -1
    property string cuisineItemName: ""
    property string cuisineBriefDescription: ""

    Rectangle {
        width: parent.width
        height: 2
        anchors.top: parent.top
        color: "gray"
        opacity: 0.2
    }

    Image {
        id: recipeImage
        width: 60
        height: 60
        anchors.left: parent.left
        anchors.verticalCenter: parent.verticalCenter
        smooth: true
        fillMode: Image.PreserveAspectFit
        source: "qrc:/cookingImage/kungpao.jpg"
    }

    Item {
        id: recipeBriefArea
        width: item.width - recipeImage.width
        height: item.height
        anchors.left: recipeImage.right
        anchors.verticalCenter: parent.verticalCenter
        Item {
            width: parent.width
            height: parent.height/2
            anchors.top: parent.top
            anchors.left: parent.left
            Text {
                anchors.fill: parent
                text: cuisineItemName
//                font.family: "Freestyle Script"
                verticalAlignment: Text.AlignVCenter
                font.pointSize: 24
                font.bold: true
                style: Text.Raised
                smooth: true
                color: "black"
            }
        }

        Item {
            width: parent.width
            height: parent.height/2
            anchors.left: parent.left
            anchors.bottom: parent.bottom
            Text {
                anchors.fill: parent
                text: cuisineBriefDescription
//                font.family: "Freestyle Script"
                verticalAlignment: Text.AlignVCenter
                font.pointSize: 20
                elide: Text.ElideRight
                wrapMode: Text.Wrap
                color: "gray"
            }
        }
    }



    MouseArea {
        anchors.fill: parent
        onClicked: {
            item.opacity = 0.2
            cuisineSelectView.goNextCuisineNode(cuisineItemIndex);
        }
    }
}

